<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width">
		<link rel="stylesheet" href="css/index.css" />
		<script src="js/jquery.js"></script>
		<script src="js/jquery.luara.0.0.1.min.js"></script>
		<title>中服网</title>
		<style>
			/** {
				padding: 0;
				margin: 0;
			}*/
			body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, th, td, p, blockquote, pre, form, fieldset, legend, input, button, textarea, hr { margin: 0; padding: 0; }
			ul {
				list-style: none;
			}
			li{list-style:none;}
			body {
				font-family: "微软雅黑";
				font-size: 12px;
				color: #8a8a8a;
			}
			
			a {
				text-decoration: none;
				color: #6c6c6c;
				font-size: 12px;
			}
		</style>
	</head>

	<body>
		<div id="header">

			<div id="logo">
				<h1>
					<a href="#">
						<img src="img/logo.png" id="logo_img" alt="中服网" />
					</a>
				</h1>
			</div>
			<div class="city">
				<p>
					广州
				</p>
				<span><a href="">[切换城市]</a></span>
			</div>
			<div id="search">
				<div>
					<input type="text" placeholder="   你好，欢迎来到中服网" /><button type="button">&nbsp;&nbsp;&nbsp;</button>
				</div>
				<ul id="hot_search">
					<a href="">留学移民</a>
					<a href="">人事考试</a>
					<a href="">招聘/面试</a>
					<a href="">劳动争议</a>
				</ul>
			</div>
			<div id="weather">
				<p>
					<span><img id="weather_pic" src="img/thundershower_03.png" alt="" /></span>雷阵雨<span id="temperatrue"><strong id="high">29℃</strong >~<strong id="low">22℃</strong></span>
				</p>
			</div>
			<div class="login">
				<ul>
					<a href="">登录&nbsp;&nbsp;</a>
					<a href="">免费注册</a>
				</ul>
			</div>

		</div>
		<div class="container">
			   <div class="banner">
			   		<div class="carousel">
						<div class="example2">
       						<ul>
            					<li><img src="img/banner1_02.jpg" alt="1"/></li>
            					<li><img src="img/banner2_02.jpg" alt="1"/></li>
            					<li><img src="img/banner1_02.jpg" alt="1"/></li>
        					</ul>
        				<ol>
            				<li></li>
           					 <li></li>
            				<li></li>
       				     </ol>
    				</div>
						<div id="nav">
						<ul>
							<h1 >全部分类</h1>
							<li class="chose">
								<a href="#" >招聘专栏</a>
							</li>
							<li>
								<a href="#" >社保专区</a>
							</li>
							<li>
								<a href="#" >培训专栏</a>
							</li>
							<li>
								<a href="#soft_ware" >软件专栏</a>
							</li>
							<li>
								<a href="#" >商务服务</a>
							</li>
							<li>
								<a href="#" >考试专栏</a>
							</li>
							<li>
								<a href="#" >家政专栏</a>
							</li>
							<li>
								<a href="#" >测评专栏</a>
							</li>
							<li>
								<a href="#" >交流专栏</a>
							</li>
							<li>
								<a href="#" >法律专栏</a>
							</li>
							<li>
								<a href="#" >职场资讯</a>
							</li>
							<li>
								<a href="#" >合作创业</a>
							</li>
							<li>
								<a href="#" >导航专栏</a>
							</li>
							<li>
								<a href="#" >HR工具专栏</a>
							</li>
							<li>
								<a href="#" >商城专栏</a>
							</li>

						</ul>

					</div>
			   		</div>
				</div>
				
			</div>
			<div id="services_news">
				<div class="merits">
					<div class="heading">
						<h1>服务优势</h1>
					</div>
					<div class="services">
						<div class="list">
							<div><img src="img/1.png" alt="" />
								<p>全天24小时</p>
								<p>为您服务</p>
							</div>
							<div><img src="img/2.png" alt="" />
								<p>精准匹配</p>
								<p>集结投放</p>
							</div>
							<div><img src="img/3.png" alt="" />
								<p>省事高效</p>
								<p>轻松搞定</p>
							</div>
							<div><img src="img/4.png" alt="" />
								<p>联网集中</p>
								<p>资源共享</p>
							</div>
						</div>
					</div>
					<div class="advantages">
						<h2>中服特色服务优势</h2>
						<ul>
							<li>资质齐全</li>
							<li>自主经营</li>
							<li>专业团队</li>
							<li>税务优势</li>
							<li>实例丰富</li>
						</ul>
					</div>
				</div>
				<!--<div class="news">
					<ul>
						<li>
							<h1>最新资讯</h1>
							<a href=""><span class="time">&gt;&gt;</span></a>
						</li>
						<li>
							<a href="">企业如何保留技术型人才，减少人才流失</a><span class="time">07-05</span></li>
						<li>
							<a href="">企业如何保留技术型人才，减少人才流失<span class="time">07-05</span></a>
						</li>
						<li>
							<a href="">企业如何保留技术型人才，减少人才流失<span class="time">07-05</span></a>
						</li>
						<li>
							<a href="">企业如何保留技术型人才，减少人才流失<span class="time">07-05</span></a>
						</li>
						<li>
							<a href="">企业如何保留技术型人才，减少人才流失<span class="time">07-05</span></a>
						</li>

					</ul>

				</div>-->
				<div class="news">
					<table cellspacing="0" >
						<tr>
							<th id="table_title">
								<h1>最新资讯</h1>
							</th>
							<th id="more">
								<span><a href="">&gt;&gt;更多</a></span>
							</th>
						</tr>
						<tr>
							
							<td><a href="">企业如何保留技术型人才，减少人才流失</a></td>
							<td>07-05</td>
							
						</tr>
						<tr>
							<td><a href="">企业如何保留技术型人才，减少人才流失</a></td>
							<td>07-05</td>
						</tr>
						<tr>
							<td><a href="">企业如何保留技术型人才，减少人才流失</a></td>
							<td>07-05</td>
						</tr>
						<tr>
							<td><a href="">企业如何保留技术型人才，减少人才流失</a></td>
							<td>07-05</td>
						</tr>
						<tr>
							<td><a href="">企业如何保留技术型人才，减少人才流失</a></td>
							<td>07-05</td>
						</tr>

					</table>
				</div>
			</div>
			<div class="recruitment">
				<div class="r_heading">
					<div class="heading_title">
						<h1>中服招聘 </h1>
					</div>
					<div class="heading_intro">
						<p>Recruitment Prefferred<span>招聘首选，贴心知己</span></p>
					</div>
					<div class="heading_more"><span><a href="">&gt;&gt;更多</a></span></div>
				</div>
				<div class="r_content">
					<div class="r_box">
						<div class="box_top">
							<h3>职位中心</h3>
							<p><span>精准匹配,省时高效</span></p>
						</div>
						<div class="box_middle">
							<ul>
								<li>
									<a href="">职位搜索</a>
								</li>
								<li>
									<a href="">紧急招聘</a>
								</li>
							</ul>
							<ul>
								<li>
									<a href="">推荐职位</a>
								</li>
								<li>
									<a href="">最新职位</a>
								</li>
							</ul>

						</div>
						<div class="box_bottom">
							<div>
								<span>了解更多</span>
								<a href=""></a>
							</div>
						</div>
					</div>
					<div class="r_box">
						<div class="box_top">
							<h3>简历中心</h3>
							<p><span>轻松求职，一键搞定</span></p>
						</div>
						<div class="box_middle">
							<ul>
								<li>
									<a href="">简历搜索</a>
								</li>
								<li>
									<a href="">最新简历</a>
								</li>
							</ul>
							<ul>
								<li>
									<a href="">照片简历</a>
								</li>

							</ul>

						</div>
						<div class="box_bottom">
							<div>
								<span>了解更多</span>
								<a href=""></a>
							</div>
						</div>
					</div>
					<div class="r_box">
						<div class="box_top">
							<h3>行情专区</h3>
							<p><span>了解最新行情，把握同行竞争状态</span></p>
						</div>
						<div class="box_middle">
							<ul>
								<li>
									<a href="">人才测评</a>
								</li>
								
							</ul>
							<ul>
								<li>
									<a href="">查工资</a>
								</li>

							</ul>

						</div>
						<div class="box_bottom">
							<div>
								<span>了解更多</span>
								<a href=""></a>
							</div>
						</div>
					</div>
					<div class="r_box">
						<div class="box_top">
							<h3>微招聘</h3>
							<p><span>精准匹配,省时高效</span></p>
						</div>
						<div class="box_middle">
							<ul>

								<li>
									<a href="">微招聘</a>
								</li>
							</ul>
							<ul>

								<li>
									<a href="">微简历</a>
								</li>
							</ul>

						</div>
						<div class="box_bottom">
							<div>
								<span>了解更多</span>
								<a href=""></a>
							</div>
						</div>
					</div>
					<div class="r_box">
						<div class="box_top">
							<h3>校园招聘</h3>
							<p><span>丰富实习/全职职位可供选择</span></p>
						</div>
						<div class="box_middle">
							<ul>
								<li>
									<a href="">应届生职位</a>
								</li>
								<li>
									<a href="">合作院校</a>
								</li>
							</ul>
							<ul>
								<li>
									<a href="">照片简历</a>
								</li>

							</ul>

						</div>
						<div class="box_bottom">
							<div>
								<span>了解更多</span>
								<a href=""></a>
							</div>
						</div>
					</div>
					<div class="r_box">
						<div class="box_top">
							<h3>兼职</h3>
							<p><span>随时随地，增益生活</span></p>
						</div>
						<div class="box_middle">
							<ul>
								<li>
									<a href="">应届生职位</a>
								</li>
								<li>
									<a href="">合作院校</a>
								</li>
							</ul>
							<ul>
								<li>
									<a href="">应届生简历</a>
								</li>

							</ul>

						</div>
						<div class="box_bottom">
							<div>
								<span>了解更多</span>
								<a href=""></a>
							</div>
						</div>
					</div>
					<div class="r_box">
						<div class="box_top">
							<h3>猎头</h3>
							<p><span>海量高新职位，专业猎头服务</span></p>
						</div>
						<div class="box_middle">
							<ul>
								<li>
									<a href="">高新职位</a>
								</li>
								<li>
									<a href="">猎头服务</a>
								</li>
							</ul>
							<ul>
								<li>
									<a href="">高级人才</a>
								</li>
								<li>
									<a href="">猎头资讯</a>
								</li>
							</ul>

						</div>
						<div class="box_bottom">
							<div>
								<span>了解更多</span>
								<a href=""></a>
							</div>
						</div>
					</div>
					<div class="r_box">
						<div class="box_top">
							<h3>HR工具箱</h3>
							<p><span>量身定制，提供各类HR资源文档</span></p>
						</div>
						<div class="box_middle">
							<ul>
								<li>
									<a href="">招聘/面试</a>
								</li>
								<li>
									<a href="">人事档案</a>
								</li>
							</ul>
							<ul>
								<li>
									<a href="">薪酬制度</a>
								</li>
								<li>
									<a href="">&gt;&gt;更多</a>
								</li>

							</ul>

						</div>
						<div class="box_bottom">
							<div>
								<span>了解更多</span>
								<a href=""></a>
							</div>
						</div>
					</div>
					<div class="r_box">
						<div class="box_top">
							<h3>服务价格</h3>
							<p><span>专业服务</span></p>
						</div>
						<div class="box_middle">
							<ul>
								<li>
									<a href="">会员报价</a>
								</li>
								<li>
									<a href="">招聘报价</a>
								</li>
							</ul>
							<ul>
								<li>
									<a href="">广告报价</a>
								</li>

							</ul>

						</div>
						<div class="box_bottom">
							<div>
								<span>了解更多</span>
								<a href=""></a>
							</div>
						</div>
					</div>

				</div>
			</div>
			<div class="banner2">
				<img src="img/banner2_04.jpg" alt="" />
			</div>
			<div class="c_insurance">
				<div class="c_heading ">
					<div class="heading_title">

					<h1>社保专区</h1>
					</div>
					<div class="heading_intro">
						<p> Commericial Insurance <span>为企业和个人提供专业社保方案</span></p>
					</div>
					<div class="heading_more"><span><a href="">&gt;&gt;更多</a></span></div>
				</div>
				<div class="c_content">
					<div class="c_box">
						<h2>社保管家</h2>
						<div>
								<span>了解更多</span>
								<a href=""></a>
						</div>
					</div>
					<div class="c_box">
						<h2>社保代理</h2>
						<div>
								<span>了解更多</span>
								<a href=""></a>
						</div>
					</div>
					<div class="c_box">
						<h2>微企代理</h2>
						<div>
								<span>了解更多</span>
								<a href=""></a>
						</div>
					</div>
					<div class="c_box">
						<h2>派遣代理</h2>
						<div>
								<span>了解更多</span>
								<a href=""></a>
						</div>
					</div>
					<div class="c_box">
						<h2>建筑劳务</h2>
						<div>
								<span>了解更多</span>
								<a href=""></a>
						</div>
					</div>
					<div class="c_box">
						<h2>服务外包</h2>
						<div>
								<span>了解更多</span>
								<a href=""></a>
						</div>
					</div>
				</div>
			</div>
			<div class="software_box">
				<div class="s_heading">
					<div class="heading_title">
						<h1>软件专区</h1>
					</div>
					<div class="heading_intro">
						<p>Software Box<span>您提供品质服务</span></p>
					</div>
					<div class="heading_more"><span><a href="">&gt;&gt;更多</a></span></div>
				</div>
			</div>
			<div class="business">
				<div class="b_heading">
					<div class="heading_title">
						<h1>中服商务</h1>
					</div>
					<div class="heading_intro">
						<p>Business<span>您提供品质服务</span></p>
					</div>
					<div class="heading_more"><span><a href="">&gt;&gt;更多</a></span></div>
				</div>
				<div class="b_content">
					<div class="b_box">
						<div class="box_heading">
							<div class="b_title">
								<h1>培训专栏</h1>
							</div>
							<div class="b_more">进入专区</div>
						</div>
						<div class="box_content">
							<ul>
								<li>
									<a href="">中服私教</a>
								</li>
								<li>
									<a href="">IT课程</a>
								</li>
								<li>
									<a href="">家教</a>
								</li>
							</ul>
							<ul>
								<li class="hot">
									<a href="">企业管理</a>
								</li>
								<li>
									<a href="">留学移民</a>
								</li>
								<li>
									<a href="">课外辅导</a>
								</li>
							</ul>
							<ul>
								<li>
									<a href="">职业课程</a>
								</li>
								<li>
									<a href="">学历教育</a>
								</li>
								<li>
									<a href="">兴趣班</a>
								</li>
							</ul>
							<ul>

								<li>
									<a href="">设计课程</a>
								</li>
								<li>
									<a href="">语言课程</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="b_box">
						<div class="box_heading">
							<div class="b_title">
								<h1>考试专栏</h1>
							</div>
							<div class="b_more">进入专区</div>
						</div>
						<div class="box_content">
							<ul>
								<li>
									<a href="">司法考试</a>
								</li>
								<li>
									<a href="">教育考试</a>
								</li>
							</ul>
							<ul>
								<li class="hot">
									<a href="">公务员考试</a>
								</li>
								<li>
									<a href="">语言考试</a>
								</li>
							</ul>
							<ul>
								<li>
									<a href="">会计考试</a>
								</li>
								<li>
									<a href="">技能考试</a>
								</li>
							</ul>
							<ul>

								<li>
									<a href="">人事考试</a>
								</li>
								<li>
									<a href="">成考</a>
								</li>
							</ul>
						</div>
					</div>

					<div class="b_box">
						<div class="box_heading">
							<div class="b_title">
								<h1>家政专栏</h1>
							</div>
							<div class="b_more">进入专区</div>
						</div>
						<div class="box_content">
							<ul>
								<li>
									<a href="">保姆/月嫂</a>
								</li>
								<li>
									<a href="">生活配送</a>
								</li>
								<li>
									<a href="">手机维修</a>
								</li>
							</ul>
							<ul>
								<li class="hot">
									<a href="">钟点工</a>
								</li>
								<li>
									<a href="">房屋维修</a>
								</li>
							</ul>
							<ul>
								<li>
									<a href="">搬家</a>
								</li>
								<li>
									<a href="">家电维修</a>
								</li>
							</ul>
							<ul>

								<li>
									<a href="">租车</a>
								</li>
								<li>
									<a href="">电脑维修</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="b_box">
						<div class="box_heading">
							<div class="b_title">
								<h1>交流专区</h1>
							</div>
							<div class="b_more">进入专区</div>
						</div>
						<div class="box_content">
							<ul>
								<li>
									<a href="">招牌论坛</a>
								</li>
								<li>
									<a href="">企业交流论坛</a>
								</li>
								<li>
									<a href="">合作创业论坛</a>
								</li>
							</ul>
							<ul>
								<li class="hot">
									<a href="">求职论坛</a>
								</li>
								<li>
									<a href="">人事管理论坛</a>
								</li>
								
							</ul>
							<ul>
								<li>
									<a href="">面试论坛</a>
								</li>
								<li>
									<a href="">职业生涯论坛</a>
								</li>
							</ul>
							<ul>
								<li>
									<a href="">同行交流论坛</a>
								</li>
								
							</ul>
						
						</div>
					</div>
					<div class="b_box">
						<div class="box_heading">
							<div class="b_title">
								<h1>法律专栏</h1>
							</div>
							<div class="b_more">进入专区</div>
						</div>
						<div class="box_content">
							<ul>
								<li>
									<a href="">知识产权</a>
								</li>
								<li>
									<a href="">合同纠纷</a>
								</li>
								<li>
									<a href="">刑事辩护/诉讼</a>
								</li>
								<li>
									<a href="">征地补偿</a>
								</li>
							</ul>
							<ul>
								<li class="hot">
									<a href="">房产纠纷</a>
								</li>
								<li>
									<a href="">建筑工程</a>
								</li>
								<li>
									<a href="">公司法务</a>
									<li>
									<a href="">交通事故</a>
								</li>
								</li>
							</ul>
							<ul>
								<li>
									<a href="">劳动争议</a>
								</li>
								<li>
									<a href="">债务纠纷</a>
								</li>
								<li>
									<a href="">法律援助</a>
								</li>
								<li>
									<a href="">医疗事故</a>
								</li>
							</ul>
							<ul>

								<li>
									<a href="">商业纠纷</a>
								</li>
								<li>
									<a href="">公司法务</a>
								</li>
								<li>
									<a href="">婚姻家庭</a>
								</li>
								<li>
									<a href="">涉外法律</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="b_box">
						<div class="box_heading">
							<div class="b_title">
								<h1>合作创业</h1>
							</div>
							<div class="b_more">进入专区</div>
						</div>
						<div class="box_content">
							<ul>
								<li>
									<a href="">招聘合作</a>
								</li>
								<li>
									<a href="">软件合作</a>
								</li>
								<li>
									<a href="">测评合作</a>
								</li>
								<li>
									<a href="">其他合作</a>
								</li>
							</ul>
							<ul>
								<li class="hot">
									<a href="">社保合作</a>
								</li>
								<li>
									<a href="">服务合作</a>
								</li>
								<li>
									<a href="">论坛合作</a>
								</li>
							</ul>
							<ul>
								<li>
									<a href="">商务合作</a>
								</li>
								<li>
									<a href="">考试合作</a>
								</li>
								<li>
									<a href="">法律合作</a>
								</li>
							</ul>
							<ul>

								<li>
									<a href="">培训合作</a>
								</li>
								<li>
									<a href="">家政合作</a>
								</li>
								<li>
									<a href="">资讯合作</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="b_box">
						<div class="box_heading">
							<div class="b_title">
								<h1>导航专栏</h1>
							</div>
							<div class="b_more">进入专区</div>
						</div>
						<div class="box_content">
							<ul>
								<li>
									<a href="">地方网站</a>
								</li>
								<li>
									<a href="">生活服务</a>
								</li>
								
							</ul>
							<ul>
								<li class="hot">
									<a href="">便民导航</a>
								</li>
								<li>
									<a href="">休闲娱乐</a>
								</li>
							
							</ul>
							<ul>
								<li>
									<a href="">服务</a>
								</li>
								
							</ul>
							<ul>
								<li>
									<a href="">外卖</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="b_box">
						<div class="box_heading">
							<div class="b_title">
								<h1>HR工具箱专栏</h1>
							</div>
							<div class="b_more">进入专区</div>
						</div>
						<div class="box_content">
							<ul>
								<li>
									<a href="">招聘/面试</a>
								</li>
								<li>
									<a href="">员工管理</a>
								</li>
								<li>
									<a href="">绩效考核</a>
								</li>
							</ul>
							<ul>
								<li class="hot">
									<a href="">薪酬制度</a>
								</li>
								<li>
									<a href="">合同/试用</a>
								</li>
								<li>
									<a href="">移交/辞退</a>
								</li>
							</ul>
							<ul>
								<li>
									<a href="">人事档案</a>
								</li>
								<li>
									<a href="">出差</a>
								</li>
								<li>
									<a href="">其他</a>
								</li>
							</ul>
							<ul>

								<li>
									<a href="">加班/考勤</a>
								</li>
								<li>
									<a href="">员工培训</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="b_box">
						<div class="box_heading">
							<div class="b_title">
								<h1>测评专栏</h1>
							</div>
							<div class="b_more">进入专区</div>
						</div>
						<div class="box_content">
							<ul>
								<li>
									<a href="">自我认知</a>
								</li>
						
							</ul>
							<ul>
								<li class="hot">
									<a href="">职业倾向</a>
								</li>
							
							</ul>
							<ul>
								<li>
									<a href="">专业人才</a>
								</li>
								
							</ul>
							<ul>

								<li>
									<a href="">管理人才</a>
								</li>
							
							</ul>
						</div>
					</div>
					<div class="b_box">
						<div class="box_heading">
							<div class="b_title">
								<h1>职场资讯</h1>
							</div>
							<div class="b_more">进入专区</div>
						</div>
						<div class="box_content">
							<ul>
								<li>
									<a href="">HR专区</a>
								</li>
							
							</ul>
							<ul>
								<li class="hot">
									<a href="">求职者</a>
								</li>
							
							</ul>
							<ul>
								<li>
									<a href="">劳动法案</a>
								</li>
								
							</ul>
							<ul>

								
							</ul>
						</div>
					</div>
					<div class="b_box">
						<div class="box_heading">
							<div class="b_title">
								<h1>商务服务</h1>
							</div>
							<div class="b_more">进入专区</div>
						</div>
						<div class="box_content">
							<ul>
								<li>
									<a href="">工商注册</a>
								</li>
									<li>
									<a href="">建筑装修</a>
								</li>
							</ul>
							<ul>
								<li class="hot">
									<a href="">财务会计</a>
								</li>
			
							</ul>
							<ul>
								<li>
									<a href="">财务咨询</a>
								</li>
							
							</ul>
							<ul>
								<li>
									<a href="">网络建设</a>
								</li>
								
							</ul>
						</div>
					</div>
					<div class="b_box">
						<div class="box_heading">
							<div class="b_title">
								<h1>商场专栏</h1>
							</div>
							<div class="b_more">进入专区</div>
						</div>
						<div class="box_content">
							<ul>
								<li>
									<a href="">书籍</a>
								</li>
								
							</ul>
							<ul>
								
							</ul>
							<ul>
								
							</ul>
							<ul>

							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="tool">
				<div class="t_heading">
					<div>
						<h1>HR工具</h1></div>
					<div>
						<h1>职场资讯</h1></div>
					<div>
						<h1>大全专栏</h1></div>
				</div>
				<div class="t_content">
					<div class="t_tool">
						<div class="tool_top">
							<h2>HR工具箱</h2>
							<p>
								为HR量身定制的工具箱，提供各种HR类资源文档，是您的HR工作好帮手 ！
							</p>
						</div>
						<div class="t_list">
							<ul>
								<li><a href="">招聘/面试</a></li>
								<li><a href="">员工管理</a></li>
								<li><a href="">绩效考核</a></li>
							</ul>
							<ul>
								<li><a href="">薪酬制度</a></li>
								<li><a href="">合同/使用</a></li>
								<li><a href="">移交/辞退</a></li>
							</ul>
							<ul>
								<li><a href="">人事档案</a></li>
								<li><a href="">出差</a></li>
								<li><a href="">其他</a></li>
							</ul>
							<ul>
								<li><a href="">加班/考勤</a></li>
								<li><a href="">员工培训</a></li>

							</ul>
						</div>
					</div>
					<div class="work_news">
					<div class="work_top">	
						<h2>让你的团队充满战斗力的九大武器</h2>
					</div>
						<ul>
							<li><a href="">升职或许就从辞职开始</a></li>
							<li><a href="">职场经营人脉法则</a></li>
							<li><a href="">如何寻找最适合的职业道路</a></li>
							<li><a href="">实力不足的时候，其实我们选择并不多</a></li>
							<li><a href="">把稀缺的时间花在正确的事上！99%的创业</a></li>
						</ul>
					</div>
					<div class="other_tools" id="o_thers">
						<ul>
							<li>
								<a href="">住房公积金</a>
							</li>
							<li>
								<a href="">万年历</a>
							</li>
							<li>
								<a href="">星座运势</a>
							</li>
							<li>
								<a href="">周公解梦</a>
							</li>
							<li>
								<a href="">建筑装修</a>
							</li>
							<li>
								<a href="">快递查询</a>
							</li>
							<li>
								<a href="">社保查询</a>
							</li>
						</ul>
					</div>
				</div>

			</div>
		</div>
		<div class="footer">
			<div class="footer_list">

				<div class="box_list">
					<h4>合作联盟</h4>
					<div class="foot_list">
						<ul>
							<li>个人代理</li>
							<li>企业合作</li>
						</ul>
					</div>

				</div>
				<div class="box_list">
					<h4>帮助中心</h4>
					<div class="foot_list">
						<ul>
							<li><a href="">常见问题</a></li>
							<li><a href="">企业用户</a></li>
							<li><a href="">个人用户</a></li>
							<li><a href="">意见反馈</a></li>
						</ul>
					</div>

				</div>
				<div class="box_list">
					<h4>关于我们</h4>
					<div class="foot_list">
						<ul>
							<li>新浪微博</li>
							<li>微信公众号</li>
							<li>手机APP</li>
						</ul>
					</div>

				</div>
				<div class="box_list">
					<h4>关于中服</h4>
					<div class="foot_list">
						<ul>
							<li>关于我们</li>
							<li>免责条款</li>
							<li>网站声明</li>
							<li>联系我们</li>
						</ul>
					</div>

				</div>
				<div class="box_list big">
					<h4>服务支持</h4>
					<div class="foot_list">
						<ul>
							<li>社保代理</li>
							<li>中服培训</li>
							<li>服务报价</li>
						</ul>
						<ul>
							<li>HR工具</li>
							<li>HR导航</li>
						</ul>
					</div>
				</div>
				<div class="box_list big comment">
				  	<div class="phone_num">
				  		<p>服务热线</p>
					    <p">400-9900-184</p>
				  	</div>
				</div>

			</div>
			<div class="copy_right">
				<div ><p>联系电话:400-9900-184</p></div>
				<div ><p>COPYRIGHT@2014-2016 CFUWU.CN ALL RIGHT RESERVED</p></div>
			</div>
		</div>
	</body>
	
	<script>
	
	$(document).ready(function(){
		/*轮播*/
		 $(function(){
            <!--调用Luara示例-->
            $(".example2").luara({width:"1920",height:"540",interval:"8000",selected:"seleted",deriction:"left"});

        });
        /*
         * 导航选中项
         */
        
          $(function () {
            $("#nav li").click(function () {
                $(this).siblings().removeClass();  
                $(this).toggleClass("chose");
                 
            })
        });
	});
       
    </script>


</html>